<template>
  <section class="box">
    <header v-if="$slots.header" class="box-wrapper">
      <slot name="header" />
    </header>
    <section v-if="$slots.default" class="box-wrapper">
      <slot />
    </section>
    <template v-if="$slots.footer">
      <slot name="footer" />
    </template>
  </section>
</template>

<script>
export default {
  name: 'BoxLayout',
  props: {
    title: { type: String, default: '查询条件' }
  },
  data() {
    return {

    }
  }
}
</script>

<style lang="scss" scoped>
// .basic-layout{
//   padding: 10px;
//   box-sizing: border-box;
// }
</style>
